<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
	<head>
		<meta charset="UTF-8">
		<title>MyHtml页面</title>
	</head>
	<body>
		<h1>WebSocket测试页面</h1>
		<p th:text="${hello}"></p>
 
		<script type="text/javascript">
			function clickHello(){
				console.log("=========开始========");
				var socket;
				if(typeof(WebSocket) == "undefined") {
					console.log("您的浏览器不支持WebSocket");
				}else{
					console.log("您的浏览器支持WebSocket");
					socket = new WebSocket("ws://localhost:8061/websocket");
					//打开事件
					socket.onopen = function() {
						console.log("Socket 已打开");
						//socket.send("这是来自客户端的消息" + location.href + new Date());
					};
					//获得消息事件
					socket.onmessage = function(msg) {
						console.log(msg.data);
						//发现消息进入 调后台获取
					};
					//关闭事件
					socket.onclose = function() {
						console.log("Socket已关闭");
					};
					//发生了错误事件
					socket.onerror = function() {
						alert("Socket发生了错误");
					}
				}
			}
 
		</script>
		<input type="button" value="测试WebSocket" onclick="clickHello()"/>
	</body>
</html>